@import 'base.less';
#header{
	overflow: hidden;
	width: @main-width;
	margin: 0 auto;
	padding: 20px 0;
	#logo{
		display: block;
		width: 220px;
	    height: 60px;
	    float: left;
	    background: url(../static/images/logo.png) no-repeat 0 0;
	    background-size: auto 100%;
	}
}
.main{
	width: @main-width;
    margin: 20px auto;
    overflow: hidden;

    &__bd{
    	width: 640px;
    	float: left;
    }

    &__aside{
    	width: 240px;
    	float: right;
    }

    .link{
	    padding: 20px;
	    text-align: center;
	    border: 1px solid @border-color;
    	background-color: #fff;
		overflow: hidden;

		.mac-app &{
	    	border: 1px solid @mac-border-color;
	    }

		&.school{
			border-bottom: 0;
		}

		.edit{
			border: 1px dashed @border-color;

			.mac-app &{
		    	border: 1px dashed @mac-border-color;
		    }
		}

		li{
			width: 20%;
		    height: 30px;
		    line-height: 30px;
		    margin: 15px 0;
		    float: left;
		    a{
		    	color: @color-0-54;
			    display: block;
			    cursor: pointer;

			    &:hover{
			    	color : @color-green;
			    }
		    }
		}

    }
}

.footer{
	text-align: center;
	p{
		line-height: 2;
		font-size: 12px;
		color: @color-0-54;
	}
}

.f-fix{
	position: fixed;
}
#func{
    position: fixed;
	width: 238px;
    bottom: 100px;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    &.f-fix{
    	opacity: 1;
    }

    a{
    	display: block;
    	width: 50px;
	    height: 50px;
	    margin-left: 20px;
	    background: url(../static/images/icon-backtop.png) no-repeat 0 0;
		background-size: 100%;
    }
}